<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>游戏手柄</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0 user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="../../css/mobile-style.css">
<link href="../../css/photoswipe.css" type="text/css" rel="stylesheet" />
<script src="../../js/libs/klass.min.js"></script>
<script src="../../js/libs/jquery-1.8.1.min.js"></script>
<script src="../../js/libs/code.photoswipe.jquery-3.0.5.min.js"></script>
<script src="../../js/script.js"></script>

<script type="text/javascript">
	(function(window, $, PhotoSwipe){
	  $(function (){
			var instance;
			var pic = [
					{ url: '../../images/full/001.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/002.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/003.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/004.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/005.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/006.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/007.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/008.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/009.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/009.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/010.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/011.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/012.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/013.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/014.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/015.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/016.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/017.jpg', caption: '超炫游戏壁纸精选集'},
					{ url: '../../images/full/018.jpg', caption: '超炫游戏壁纸精选集'}
				]
			var options = {
					getImageSource: function(obj){
						return obj.url;
					},
					getImageCaption: function(obj){
					   return obj.caption;
					},
					 getToolbar: function(){
						 return '<div class="ps-toolbar-previous"><div class="ps-toolbar-content"></div></div><div class="ps-toolbar-current"><div class="ps-toolbar-current-content"></div></div><div class="ps-toolbar-next"><div class="ps-toolbar-content"></div></div>';
					 }
				};
			instance = PhotoSwipe.attach( pic , options);
			instance.addEventHandler(PhotoSwipe.EventTypes.onDisplayImage, function(e){
				showPages();
			});
			instance.addEventHandler(PhotoSwipe.EventTypes.onCaptionAndToolbarShow, function(e){
				showPages();
			});
			instance.show(0);
			
			function showPages(){
			   $('.ps-toolbar-current-content').html( instance.currentIndex + 1 + ' / ' + pic.length);
			};
			
			
	  })
		
		
	}(window, window.jQuery, window.Code.PhotoSwipe));
	
</script>
	
</head>
<body id="photoSwipe">

</body>
</html>